import React from 'react';
import { Button, Input, Select, Space } from 'antd';
import BacchOpe from './batchOperation'
const SearchTool = () => {

    const { Search } = Input;

    const options = [
        {
            value: 'userName',
            label: '姓名',
        },
        {
            value: 'phone',
            label: '手机号',
        },
        {
            value: 'Wx',
            label: '微信昵称',
        },
        {
            value: 'kh',
            label: '客户d',
        },
        {
            value: 'kht',
            label: '客户卡号',
        },
    ];

    const options2 = [
        {
            value: 'mom',
            label: '新手妈妈',
        },
        {
            value: 'numerical',
            label: '数码达人',
        },
        {
            value: 'student',
            label: '在校学生',
        },
        {
            value: 'even',
            label: '晚间活跃',
        }
    ];
    return (
        <div>
            <div className="CusQueryMain__searchDiv">
                <div className="CusQueryMain__searchDiv__one">
                    <div className="CusQueryMain__searchDiv__one__a">
                        <div className="CusQueryMain__searchDiv__text">
                            <span>关键词搜索</span>
                        </div>
                        <div>
                            <Space direction="vertical" size="middle">
                                <Space.Compact>
                                    <Select defaultValue="姓名" options={options} />
                                    <Input placeholder='请输入' />
                                    <Button>搜索</Button>
                                </Space.Compact>
                            </Space>
                        </div>

                        <Button className="CusQueryMain__searchDiv__one__a__rightButton">高级搜索</Button>
                    </div>
                    <div className="CusQueryMain__searchDiv__one__b">
                        <div className="CusQueryMain__searchDiv__text"><span>标签搜索</span></div>
                        <Select defaultValue="姓名" options={options2} className="CusQueryMain__searchDiv__one__b__select" />
                    </div>
                </div>
                <div className="CusQueryMain__searchDiv__two">
                    <span>批量操作</span>
                    <BacchOpe />
                </div>
            </div>
        </div>
    );
};

export default SearchTool;